<template>
  <div>
    <div>
      <router-link to="/home">Home</router-link> |
      <router-link to="/about">About</router-link> |
      <router-link to="/count">Count</router-link> |
      <router-link to="/communication">vue3组件通信</router-link>
    </div>
    <hr />
    <!-- <router-view></router-view> -->
    <!-- 这种驼峰值的写法是因为在setup中 默认引入了RouterView，我们才可以用 -->
    <RouterView />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "App",
});
</script>

<script setup lang="ts">
</script>